<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>函数详解</title>
</head>
<body>
<!--通过事件的方式调用函数-->
<button onclick="funA()">funA</button>
<button onclick="funB(78)">funB</button>
<button onclick="funB('hello')">funB</button>
<button onclick="funC(6,7)">funC</button>
<button onclick="funD1()">funD</button>
<hr/>
<div id="d1"></div>
<div id="d2"></div>
<div id="d3"></div>
</body>
</html>
<script>
    // 1.定义一个无参数无返回结果的函数
    function funA() {
        // 函数的代码块
        let d1Obj = document.getElementById('d1');
        d1.innerHTML = '书写了一段内容';
    }

    // 2.定义一个有参数无返回结果的函数
    function funB(a) {
        let d2Obj = document.getElementById('d2');
        d2Obj.innerHTML = '<span>funB填入了内容：' + a + '</span>';
    }

    // 3.定义一个有参数无返回结果的函数
    function funC(a, b) {
        let d3Obj = document.getElementById('d3');
        d3Obj.innerHTML = '<span>' + (a + b) + '</span>';
    }

    function funD1() {
        // 调用funD2函数
        let result = funD2(5, 6);
        let d3Obj = document.getElementById('d3');
        d3Obj.innerHTML = '<span>' + result + '</span>';
    }

    // 4.定义一个有参数有返回结果的函数

    function funD2(a, b) {
        console.log('开始计算和')
        return a + b;
    }
</script>